// components/tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    propTabs:{
      type:Object,
      value:'',
      observer: function (newVal, oldVal, changedPath) {
        // 属性被改变时执行的函数（可选），也可以写成在methods段中定义的方法名字符串, 如：'_propertyChange'
        // 通常 newVal 就是新设置的数据， oldVal 是旧数据
      }
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {   
    changeTab(e){
      this.setData({
        'propTabs.indexActive': e.currentTarget.dataset.type
      })
      var tabsChangeDetail = {} // detail对象，提供给事件监听函数
      var tabsChangeOption = {} // 触发事件的选项
      tabsChangeDetail.type = e.currentTarget.dataset.type;
      tabsChangeDetail.typeTabs = this.data.propTabs.tabsType;
      tabsChangeDetail.state = e.currentTarget.dataset.state;
      this.triggerEvent('tabschange', tabsChangeDetail, tabsChangeOption)
    }
  },

  /**
   * 组件的外部样式列表
   */
  externalClasses: ['tabs-list', 'tabs-name', 'tabs-item', 'tabs-active', 'tabs-box']
})
